// 配置路由相关信息
import VueRouter from 'vue-router'
import Vue from 'vue'

// 导入组件
import Home from '../components/Home'
import About from '../components/About'

//1.通过Vue.use(插件),安装插件
Vue.use(VueRouter)

//2.创建VueRouter对象
// 映射关系
const routes = [
    {
        //路由默认值
        path: '',
        // 重定向
        redirect: '/home'
    },
    {
        path: '/home',
        component: Home
    },
    {
        path: '/about',
        component: About
    }
]
const router = new VueRouter({
    // 配置路由和组件之间的应用关系
    routes,
    // 将路由连接的hash模式(带#)更改为history模式(不带#)
    mode: 'history',
    // 直接设置选中路由标签的类
    linkActiveClass: 'active'
})

// 3.将router对象传入到Vue实例中
export default router;